import React, { Component } from 'react'
import { Layout, Dropdown, Menu } from 'antd'
import { UserSwitchOutlined, DownOutlined } from '@ant-design/icons';
class CommHeader extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        const downDiv = () => {
            return (
                <Menu>
                    <Menu.Item>关于我们</Menu.Item>
                    <Menu.Item>退出</Menu.Item>
                    <Menu.Item>修改密码</Menu.Item>
                </Menu>
            )
        }
        return (
            <Layout.Header className="comm-header flex">
                <h1 className="loge">后台管理</h1>
                <div className="flex-1">

                </div>
                <Dropdown overlay={downDiv} arrow={true} className="user-info" trigger="click" placement="bottomCenter">
                    <div>
                        <UserSwitchOutlined className="icon" />
                        <span>张三分</span>
                        <DownOutlined />
                    </div>
                </Dropdown >
            </Layout.Header >
        )
    }
}
export default CommHeader